<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../css/member/UserDetail.css">
  <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
  <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
  .nav_two .left>ul>li:nth-of-type(1) {
    background-color: #e5f1fc;
  }

  .nav_two {
    margin-right: 20px;
    height: 100%;
    color: #666;
  }

  .nav_two .left {

    text-align: center;
    /* border: 1px solid #000; */
    background-color: #FFF;
    height: 100%;
    border-radius: 8px;
    font-size: 16px;
    width: 200px;
  }

  .nav_two .left>ul li {
    min-height: 53px;
    line-height: 53px;
    list-style-type: none;
    position: relative;
    cursor: pointer;

  }

  .nav_two .left>ul li a {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .nav_two .left>ul li ul {
    transition: all 0.2s;
    max-height: 0;
    overflow: hidden;
    /* display: none; */
  }

  .nav_two .left>ul li ul li {
    min-height: 53px;
  }

  .nav_two .left>ul li img {
        position: relative;
        left: 30px;
        transition: all 0.2s;
        transform: rotate(180deg)
    }

  .nav_two .active {
    background-color: #e5f1fc;
  }

  .nav_two .left>ul li .bbx {
    max-height: 300px;
  }

  .rotate {
        transform: rotate(0deg)!important;
    }

  .xia ul li{
      padding-left: 20px;
      font-size: 15px;
    }
</style>

<body>

  <!-- <div id="nav"></div> -->
  <!-- <div class="priceManagement"> -->
  <form class="layui-form" action="" style="width: 100%;height: 100%">

    <div class="main">

      <div class="left">
        <div class='nav_two'>
          <div class="left">
            <ul>
              <li>会员管理</li>
              <li>会员信箱</li>
              <li class='xia'>
                <span class='xiaspan'>交易额管理 <img src="../../image/xiala.png" alt=""></span>

                <ul>
                  <li>交易额导入</li>
                  <li>交易额记录</li>
                </ul>
              </li>
              <li>用户升级记录</li>
              <li>推荐图谱</li>
              <!-- <li>交易量记录</li> -->
            
            </ul>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="top">
          <div class="title">
            编辑会员
          </div>
        </div>

        <div class="button">
          <div class="content">
            <div class="smTitle">
              会员基本资料
            </div>
            <div class="flexStyle">
              <div class="headline">会员账号：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">姓名：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">个人业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">团队业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">部门业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">奖金余额：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">复投余额：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">BPX数量：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">交易量：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">币旺账号：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">R网账号：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">身份证号码：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">推荐人：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">登录密码：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">性别：</div>
              <div class="inpStyle">
                <div class="layui-input-block">
                  <input type="radio" name="sex" value="男" title="男" checked>
                  <input type="radio" name="sex" value="女" title="女">
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">注册日期：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">会员级别：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="普通会员">普通会员</option>
                      <option value="一星">一星</option>
                      <option value="二星">二星</option>
                      <option value="三星">三星</option>
                      <option value="四星">四星</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">考核级别：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="无">无</option>
                      <option value="MR">MR</option>
                      <option value="SMR">SMR</option>
                      <option value="DR">DR</option>
                      <option value="SDR">SDR</option>
                      <option value="PR">PR</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="smTitle">
              会员基本资料
            </div>
            <div class="flexStyle">
              <div class="headline">收货地址：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">QQ：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">手机号码：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">微信：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">支付宝：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="smTitle">
              银行账户信息
            </div>
            <div class="flexStyle">
              <div class="headline">银行类型：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="中国工商银行">中国工商银行</option>
                      <option value="中国建设银行">中国建设银行</option>
                      <option value="中国农业银行">中国农业银行</option>
                      <option value="交通银行">交通银行</option>
                      <option value="平安银行">平安银行</option>
                      <option value="中国民生银行">中国民生银行</option>
                      <option value="招商银行">招商银行</option>
                      <option value="中国银行">中国银行</option>
                      <option value="中国邮政储蓄">中国邮政储蓄</option>
                      <option value="成都银行">成都银行</option>
                      <option value="浦发银行">浦发银行</option>
                      <option value="兴业银行">兴业银行</option>
                      <option value="中国光大银行">中国光大银行</option>
                      <option value="中信银行">中信银行</option>
                      <option value="华夏银行">华夏银行</option>
                      <option value="广发银行">广发银行</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">开户支行：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">银行卡号：</div>
              <div class="inpStyle"><input type="text"></div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                  <button class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
                  <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
              </div>
          </div>




        </div>

      </div>
    </div>
  </form>
  <!-- </div> -->
  <script src="../../layui/layui.js"></script>
  <script src='../../js/member/member.js'></script>
  <script>
    var t = document.querySelector.bind(document)
    let flag = localStorage.getItem('twonav')
    if (flag == '1') {
      t('.xia>ul').classList.add('bbx')
      t('.xia img').classList.add('rotate')
    }
    t('.xiaspan').onclick = function () {
      flag = flag == 0 ? 1 : 0
      t('.xia>ul').classList.toggle('bbx')
      t('.xia img').classList.toggle('rotate')
      localStorage.setItem('twonav', flag)
    }
  </script>
  <script>
    // layui.use(['table', 'laypage', 'layer', 'form', 'element'], function () {
    //   var table = layui.table
    //     , laypage = layui.laypage
    //     , layer = layui.layer
    //     , element = layui.element
    //   element.on('nav(demo)', function (elem) {
    //     layer.msg(elem.text());
    //   });

    //   table.render({
    //     elem: '#demo'
    //     , skin: 'nob'
    //     , page: true
    //     // , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
    //     , cols: [[
    //       { type: 'checkbox', fixed: 'left' }
    //       , { field: 'id', title: '序列号', width: '80', fixed: 'left' }
    //       , { field: 'userid', title: '会员账号', width: '100' }
    //       , { field: 'username', title: '姓名' }
    //       , { field: 'rank', title: '级别' }
    //       , { field: 'teamrank', title: '团队级别', width: '90' }
    //       , { field: 'phone', title: '手机号', width: '120' }
    //       , { field: 'cardid', title: '身份证号', width: '120' }
    //       , { field: 'performance', title: '个人业绩', width: '100' }
    //       , { field: 'allperformance', title: '团队业绩', width: '100' }
    //       , { field: 'departmentperformance', title: '部门业绩', width: '100' }
    //       , { field: 'deal', title: '交易量', width: '100' }
    //       , { field: 'dealbuild', title: '交易量建仓', width: '100' }
    //       , { field: 'recommend', title: '推荐人', width: '80' }
    //       , { field: 'time', title: '注册时间', width: '180' }
    //       , { field: 'activate', title: '激活状态', width: '100' }
    //       , { field: 'state', title: '状态', width: '100' }
    //       , { field: 'operation', title: '操作', width: '100' }
    //       , { fixed: 'right', width: 220, align: 'center', toolbar: '#barDemo' }
    //     ]]
    //     , data: [{
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }, {
    //       "id": "01"
    //       , "userid": 12345678
    //       , "username": "张三"
    //       , "rank": "四星"
    //       , "teamrank": "PR"
    //       , "phone": '13312512521'
    //       , "cardid": "320****1234"
    //       , "performance": "10000.00"
    //       , "allperformance": "10000.00"
    //       , "departmentperformance": "10000.00"
    //       , "deal": "10000.00"
    //       , "dealbuild": "10000.00"
    //       , "recommend": "张三"
    //       , "time": "2018.01.01 18:00:00"
    //       , "activate": 12345678
    //       , "state": 12345678
    //       , "operation": 12345678
    //     }]
    //   });

    //   table.on('tool(test)', function (obj) {
    //     var data = obj.data //获得当前行数据
    //       , layEvent = obj.event;
    //     if (layEvent === 'detail') {
    //       $(window).attr('location', 'file:///F:/project/HTchina/ChinaCommunity/html/member/MemberManagement2.html')
    //     } else if (layEvent === 'del') {
    //       layer.confirm('确定冻结吗？', function (index) {
    //         obj.del(); //删除对应行（tr）的DOM结构
    //         layer.close(index);
    //         //向服务端发送删除指令
    //       });
    //     } else if (layEvent === 'edit') {
    //       layer.msg('编辑操作');
    //     }
    //   });

    //   laypage.render({
    //     elem: 'pageDemo' //分页容器的id
    //     , count: 100 //总页数
    //     , skin: '#1E9FFF' //自定义选中色值
    //     //,skip: true //开启跳页
    //     , jump: function (obj, first) {
    //       if (!first) {
    //         layer.msg('第' + obj.curr + '页', { offset: 'b' });
    //       }
    //     }
    //   });

    //   var footerTpl = lay('#footer')[0].innerHTML;
    //   lay('#footer').html(layui.laytpl(footerTpl).render({}))
    //     .removeClass('layui-hide');

    // });



  </script>
</body>

</html>